<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<link href="css/default.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link rel="stylesheet" href="./css/xiaoguo.css">
<link rel="stylesheet" href="./css/change_index.css">
<link rel="stylesheet" href="../common/common.css">
<style>
	.mainpanel{
		margin-top: 80px;
	}
	.header{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		background-color: #0099ff;
		height: 80px;
		line-height: 80px;
		color: #ffffff;
	}
</style>
</head>

<body>
	<!--<div class="header"></div>

<div class="topnav">
	<ul>
		<li><a href="javascript:;">居室概况</a></li>
		<li><a href="javascript:;">设备巡检</a></li>
	</ul>
</div>-->

	<div class="bottomContent">
		<div class="leftpanel">
			<div class="logo" style="margin-bottom: 20px">
				<!--<p>VB管理系统</p>-->
			</div>
			<div class="nav">
				<div class="nav_parent" data-href="xiaoguo.html">
					<div class="nav_title act">效果预览</div>
				</div>
				<div class="nav_parent" data-href="gaikuang.html">
					<div class="nav_parent">
						<div class="nav_title">
							经营分析
							<!--<div class="open">+</div>-->
						</div>
					</div>
					<!--<ul class="nav_s">-->
						<!--<li data-href="shujujiegou.html">数据构成</li>-->
					<!--</ul>-->
				</div>
			</div>

			<div class="b_user">
				<!--<img src="images/user3.png" />-->
				<!--<div class="mz">林一峰</div>-->
				<div class="out">
					<a href="../../index.html">退出</a>
				</div>
			</div>

		</div>
		<div class="header clearfix">
			<div class="box_header" style="float: right;margin-right: 10px;color:#fff;height: 80px;line-height: 80px">
				<span>林浩&nbsp;&nbsp;&nbsp;&nbsp; 你好</span>
				<img src="./images/people.png" alt="" style="display: inline;width:40px;vertical-align: middle">
				<span class="goback_w">
					<a href="../../index.html">返回首页</a>
				</span>
			</div>

			<p style="font-size: 30px;height: 80px;line-height: 80px;float: left;margin-left: 20px;">
				白云区政务大数据平台
			</p>
		</div>
		<div class="mainpanel">
			<iframe class="iframes" src="gaikuang.html" frameborder="0" name="main"></iframe>
		</div>
	</div>

	</div>


	<script src="js/jq.js"></script>
	<script>
		$(function () {
			winheight();
		})

		$(window).resize(function () {
			winheight();
		});

		$('.topnav li').hover(function () {
			$('.topnav li a').removeClass('act');
			$(this).find('a').addClass('act');
		})
        (function () {
            $('.iframes').attr('src', "xiaoguo.html");
        })();
		$('.nav_parent').hover(function () {
			if ($(this).hasClass('act') == false) {
				$('.nav_parent .nav_title').removeClass('act_s');
				$('.nav_s li').removeClass('act_s');
				$(this).find('.nav_title').addClass('act_s');
			} else {
				$('.nav_parent .nav_title').removeClass('act');
				$('.nav_s li').removeClass('act');
				$(this).find('.nav_title').addClass('act');
			}

		})


		$('.nav_parent').click(function (e) {
		    var name = e.target.parentNode.className;
		    if(~name.indexOf("nav_s")){
		        return
			}

			$('.iframes').attr('src', $(this).attr('data-href'));
			$('.nav_parent .nav_title').removeClass('act');
			$('.nav_s li').removeClass('act');
			$(this).find('.nav_title').addClass('act');


			if ($(this).next('ul').length != 0) {		//区分有没小标题
				if ($(this).find('.open').text() == '+') {
					$(this).next('ul').show();
					$(this).find('.open').text('-');
					var one_li = $(this).next('ul').find('li').eq(0);
					$('.nav_s li').removeClass('act');
					one_li.addClass('act');
					$('.iframes').attr('src', one_li.attr('data-href'));
				} else {
					$(this).next('ul').hide();
					$(this).find('.open').text('+');
				}
			}


		})


		$('.nav_s li').hover(function () {
			$('.nav_s li').removeClass('act');
			$(this).addClass('act');
		})

		$('.nav_s li').click(function () {
		    console.log("nav_s___________");
		    console.log($(this).attr('data-href'));
			$('.iframes').attr('src', $(this).attr('data-href'));

		})

		function winheight() {
			//下面部分内容的高度样式
			var winH = $(document).height();
			var winW = $(document).width();
			$('.mainpanel').width(winW - 200);
			if (winH > 600) {
				$(".bottomContent, .mainpanel, .iframes").css("height", winH);
				$(".bottomContent , .mainpanel, .iframes , .leftpanel").height(winH);
				$(".nav").height(winH - 180);
				//	$('.mainpanel').width(winW-200);
			} else {
				$(".bottomContent , .mainpanel, .iframes , .leftpanel").height('600px');
				$(".nav").height(420);
				//	$('.mainpanel').width(winW-185);
			}
		}
	</script>
</body>

</html>